<template>
  <div class="page_vue">
    <div class="container sa-flex">
      <ResizeBox :resize-conf="resizeConf">
        <!-- 左侧搜索和上传和新建部分 -->
        <!-- <create-upload-btn ref="CreateUploadBtnRefs" pageType="enterprise" :parentId="propsButtonObj.key || headNodeId"
          @createUploadBtnClick="createUploadBtnClick" @handleSelectSearch="handleSelectSearch"
          @pageTitleClick="pageTitleClick">
        </create-upload-btn> -->
        <!-- 左侧目录树 -->
        <div class="left_tree_box"></div>
      </ResizeBox>
      <!-- 右边 -->
      <div class="right sa-flex-1">112222222啊</div>
    </div>
  </div>
</template>

<script setup lang='ts'>
import docMixins from '../../mixins/docMixins';
import ResizeBox from '@/views/components/yu-dragLayouter/ResizeBox.vue';
// import CreateUploadBtn from "@/views/components/newUiModule/create-upload-btn.vue";

const { resizeConf, headNodeId, propsButtonObj, createUploadBtnClick, handleSelectSearch, pageTitleClick } = docMixins({});
</script>
<style scoped lang='scss'>
.page_vue {
  height: calc(100vh - 50px);
}

/**拖拽--start */
.sa-flex {
  display: flex;
  flex-wrap: no-wrap;
}

.sa-flex-1 {
  flex: 1;
  overflow: auto;
  border-left: 1px solid #eee;
}

.container {
  background: #ffffff !important;
  // min-height: 600px;
}

/**拖拽-end */
.left_tree_box {
  width: calc(100% - 4px);
  font-size: 14px;
  height: calc(100vh - 50px);
  overflow: auto;
}
</style>